Lecture 12 

A rotating colored cube 

Warning: this is a draft copy. It has not been passed any revision 



Affine translation explained 




(a) Object before translation, (b) object after translation 



Warning: this is a draft copy. It has not been passed any revision 



Affine Rotation explained 




2D Rotation around a fixed 
point (object center) 



3D Rotation around a vector 



Warning: this is a draft copy. It has not been passed any revision 



Affine Scaling explained 




z 



Uniform scaling(the same 
scaling in all direction) in 
right-down image. Non 
uniform scaling the upper- 
right image 



y 




• The scaling is done around a fixed point. A scaling factor a is 
specified for each of the three direction in 3D (left image). 

• a >1 means enlarging 

• a <1 means shrinking 

• Negative a means enlarging (a>l) or shrinking (a<l) both 
with reflection about the fixed point (right image) 



Warning: this is a draft copy. It has not been passed any revision 



Affine (line preserving) 
Transformation summary 



Transformation: Given a object representation in a 
given frame, what is the representation in the 
same frame if the object is moved, rotated, scaled, 
sheared, etc. 
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Translation 
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R-»(e)=R(-^). R-k«)=R^(d). 
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Affine transformation matrices follow tine vector data layout in 
matrix form and multiplication order in OpenGL 



Shear Hx«') = 
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Modeling the cube faces 



Modeling the 8 vertices 
Using the object coordinates 



GLfloftt v«rtic«8 [8] [3] • 

«-1.0,-1.0.-1.0},{1.0.-1.0,-1.0>. 

<1. 0.1.0,-1.0}, {-1.0.1.0,-1.0}. {-1.0. -1.0. 1.0}, 

{1.0.-1.0,1.0}. {1.0.1.0,1.0}, {-1.0.1, 0,1. 0}>; 



OR 



typedef CLfloat point3[3]; 

polnt3 vtrtic#8[8] -{{-1 .0,-1. 0,-1.0}. {1,0, -1. 0,-1.0}, 
{1.0.1.0,-1.0}, {-1.0,1.0,-1.0}, {-1.0,-1.0,1.0}, 
{1.0,-1.0,1.0}, {1.0,1.0,1.0}, {-1.0,1.0,1.0}}; 



Modeling one face as an 
example. We still working 
in the object coordinates 



glB€giii(CL.POLYGON) ; 

glVertex3fv(vertice8[0] ) ; 

glV«rtex3f v(vtrtiC9S [3] ) ; 

glVertex3fv( vertices [2] ) ; 

glVertex3fv( vert ices [1] ) ; 
glfiBdO; 
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Inward- and outward-Pointing faces 



Each polygon has two sides. The graphics system can display either or both of them. The 
order in which the vertices are specified determine which is the outward face (the other is 
the inward face) 

i 

The right-hand rule is applied to determine the outward face as shown 

or 

If you are looking to the face (the face is right in front of you) and the 
vertices are specified in counterclockwise, then you are looking to the 

outward face 



By specifying outward (front) and inward (back) carefully, we will be 
able to eliminate (or cull) faces that are not visible or to use 
different attributes to display front and back faces. 
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Modeling a cube in concentrating on the topology(structure) rather than geometry 



Here the top-level entity is a cube that is 
assembled from faces entities. This topology 
structure is valid for any cube 
The data of the cube which makes one cube 
differs from another is stored in the order of 
vertices for each face and the 
geometry(locations) specified by the 
numbers stored in the vertices list 
This is just an example to model a cube . We 
can use any other model that separates the 
data from the structure( class in a high-level 
language). This is the 00 way to describe 
entities 

The idea is that each geometric(data) 
location appears just once in the model 
(imagine that you model a cube by directly 
listing the vertices in polygons where each 
vertex will be repeated three times in the 
model 
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Modeling the colored 
cube 

• Here, the color used for each vertex is a 
solid color. The color of any point inside 
the face is the interpolation of the color 
of the point w.r.t. the color of the face 
vertices 

• Many interpolation methods could be 
used to color the face using the vertices 
colors(the figures shows bilinear) 

• We can instruct OpenGL to use our 
preferred way to interpolate 




Warning: this is a draft copy. It 



CLfoat vertices [8] [3] ' <{-1.0,-1.0,1.0},{-1.0.1.0.1.0>, 
{1.0. I. 0,1.0}, <l.0.-1.0.1.0}. {-1.0,-1.0,-1.0}. 
{-1.0.1,0,-1.0}, {1.0,1.0,-1.0}, {1.0.-1.0,-1.0}}; 

GLflo*t colors[8][3] • {{0.0,0.0,0.0},{1 .0.0.0,0.0}, 
{1.0.1.0.0.0}, {0.0.1.0,0.0}, {0.0.0.0.1.0}, 
{1.0.0.0,1.0}. {1.0.1,0.1.0}, {0.0.1.0.1.0}}; 

void quadCint a. int b. int c, int d) 

{ 

glBeginCGL.QUADS) ; 

glColor3fv (colors [a] ) ; 

glV«rt*x3fv( vertices [a] ) ; 

glColor3fv( colors [b] ) ; 

glVertex3fv( vert ices Cb] ) ; 

glColor3fv( colors [c] ) ; 

glVertex3fv( vert ices [c] } ; 

glColor3f V (colors Cd] ) ; 

glVertex3f V (vertices [d] ) ; 
glEndO; 



void color cube () 
{ 

quad(0.3.2.1); 
qiMd(2,3.7.6); 
qaad(0.4,7.3); 
quad(l,2,6,5); 
quad(4.5.6.7); 
quad(0, 1,5,4) ; 

> 

5 not been passed any revision 



The rotating colored cube 



gliitl>i8playFiuic(4iiplaj) ; 
gltttldliftaBGCflplaariba) ; 
gLsMDOMtacCMiit) I 



void dl49aUqr(> 

< 




g3yCUar(gL,0MiliLWgBBIJ|T 1 QtUmOLiQiW 
gUMUdaiitityO ; 

glItot«t«f (thetaCO], 1.0, 0.0. 0.0); 
glRotatafCthataCl], 0.0. 1.0, 0.0); 
elltotataf (th«ta[2]» 0«a, 0.0, 1.0); 

col or cube () ; 

> 
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ifCbtn— GLUT_LEFT_BUTTOir M »tat« — GLUT.DOWN) axis = 0; 
il Cbtn»=GLUT.MIDDLE3UTT0N kJk state " GLUT.DOWN) axis * 1; 
if (Mw^GLXFTJUGBrjOnOi M ttm OJDTJMNR) azia - 2i 

> 




void tplMOMO 

i 






tbetataxia] 2.0; 

if ( tbttaCaxis] > 360.0 ) thata[axls] — 360.0; 
gltttPostMiipUyO ; 

> 






void aylceyCdMr kty, iat msnmuL, iat aooaay) 






> 





Warning: this is a draft copy. 



It has not been passed any revision 



The Rotating Colored Cube(RCC) Application 



Run RCC 

Note, if you see visual artifacts, just change the 
waiting time in the program to adjust acceding to 
the speed of you hardware 



Warning: this is a draft copy. It has not been passed any revision 



Rotation by changing the camera 



• In this example, We showed a moving object in front of a fixed 
camera position and orientation. 

• The rendered image on the screen can be changed also due to a 
moving/changing orientation camera in a fixes static scene 

• In our example, we could have a similar result if we let the cube 
fixed in its place and moving the camera along a circle around it, 
at each location on the circle the camera is always directed 
towards the location of the cube 



Warning: this is a draft copy. It has not been passed any revision 



